<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

    <title>{$detail.title} - {$conf.site_name}</title>
    <meta name="keywords" content="{$detail.title}">
    <meta name="description" content="{:htmlspecialchars_decode(mb_substr(strip_tags($detail.content),0,100))}">
    <link rel="stylesheet" href="/css/all.min.css">
    <link rel="stylesheet" href="/css/news_detail.css">
</head>
<body>
    <!-- 添加顶部导航 -->
<header class="header">
    <div class="nav-container">
     
        <nav class="main-nav">
            <ul>
                <li><a href="/" class="active">首页</a></li>
            </ul>
        </nav>
    </div>
</header>
<div class="container">
    <div class="main-content">
        <div class="content-left">
            <!-- 新闻头部移到左侧 -->
            <div class="news-header">
                <div class="header-title">
                    <h4>{$detail.title}</h4>
                    <span class="news-category">资讯</span>
                </div>
                <div class="news-meta">
                    <div class="meta-item">
                        <i class="fas fa-user"></i>
                        <span>作者：管理员</span>
                    </div>
                    <div class="meta-item">
                        <i class="fas fa-clock"></i>
                        <span>发布时间：{$detail.create_time}</span>
                    </div>
                    <div class="meta-item">
                        <i class="fas fa-eye"></i>
                        <span>阅读量：{$detail.pv}</span>
                    </div>
                </div>
            </div>

            <div class="news-container">
                <div class="news-content" style="font-size: 12">
                 {:htmlspecialchars_decode($detail.content)}
                </div>
            </div>
        </div>

        <div class="content-right">
            <!-- 热门推荐列表 -->
            <div class="sidebar-list">
                <div class="sidebar-title">
                    <i class="fas fa-fire"></i>
                    热门推荐
                </div>
                {volist name="order" id="vo"}
                <div class="hot-item">
                    <div class="hot-item-number  {if condition="++$key <=3 "}top {/if}">{$key}</div>
                    <div class="hot-item-content">
                        <div class="hot-item-title">
                            <a href="/news-{$vo.id}.html">{$vo.title}</a>
                        </div>
                    </div>
                </div>
                {/volist}

            </div>

         
        </div>
    </div>
     </div>
    <!-- 添加底部 -->
<footer class="footer">
    <div class="footer-content">
        <div class="footer-section">
            <h4>关于我们</h4>
            <p>MBTI性格测试</p>
        </div>

        <div class="footer-section">
            <h4>联系我们</h4>
            <p>邮箱：contact@mbtitest.com</p>
            <p>电话：400-123-4567</p>
        </div>
    </div>
    <div class="footer-bottom">
        <p>© 2025 MBTI性格测试. All rights reserved.</p>
    </div>
</footer>
</div>
</body>
</html>